<template>
    <div class="LoginTip main">
        <div class="lognone">
            <img src="../../assets/login/icon-book.png" alt="">
            <p>亲爱的花艺师，您还未登录哦</p>
            <button @click="toLogin">去登录</button>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'LoginTip',
        data () {
            return {
            }
        },
        created(){
            if(this.getMemberId() != 0){
                this.$router.push('/learn/order')
            }
        },
        methods:{
            //登录
            toLogin(){
                this.$router.push('/login')
            }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
    .LoginTip {
        .lognone{
            text-align: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            right: 0;
            margin: auto;
            img{
                width: 1.04rem;
                height: auto;
            }
            p{
                color: #cccccc;
                margin: .3rem 0;
            }
            button{
                color: #de6940;
                border: 1px solid #de6940;
                border-radius: .06rem;
                background: transparent;
                height: .6rem;
                width: 1.82rem;
            }
        }
    }
</style>
